main{
    background-color: #ddd;
    width: 100%;
    #main{
        position: absolute;
        left: 0;right: 0;top: 0px;bottom: 0;margin: auto;
        width: 900px;
        height: 700px;
        background-color: #fff;
        .pim-change{
            cursor: pointer;
            position: absolute;
            right: -90px;
            top: 50px;
            color: #169BD5;
            font-size: 14px;
        }
        #main-top{
        box-sizing: border-box;
        padding: 20px;
        display: flex;
        height: 190px;
        border-bottom: 1px solid #ddd;
            #mt-left{
                height: 150px;
                width: 150px;
                text-align: center;
                line-height: 150px;
                font-size: 14px;
                background-color: rgb(186, 186, 212);
                border-radius: 50%;
                img{
                    width: 150px;
                    height: 150px;
                    border-radius: 50%;
                }
            }
            #mt-right{
                box-sizing: border-box;
                padding-left: 20px;
                display: flex;
                flex-wrap: wrap;
                font-size: 14px;
                width: 300px;
                height: 160px;
                p{
                    width: 100%;
                    position: relative;
                    #pim-photo{
                        position: absolute;
                        left: 100px;
                        top: -5px;
                        width: 72px;
                        height: 32px;
                        border: 1px solid #ddd;
                        outline: none;
                        background-color: red;
                        z-index: 99;
                        opacity: 0;
                    }
                    input{
                        position: absolute;
                        left:100px;
                        width: 200px;
                        height: 25px;
                        border: 1px solid #ddd;
                        outline: none;
                    }
                }
                button{
                    position: absolute;
                    top: 145px;
                    left: 290px;
                    width: 70px;
                    height: 30px;
                    border: 1px solid #ddd;
                }
            }
        }
        #main-down{
            width: 100%;
            height: 300px;
            display: flex;
            flex-wrap: wrap;
            box-sizing: border-box;
            padding: 20px;
            div{
                width: 100%;
                p{
                    position: relative;
                    width: 100px;
                    text-align: right;
                    span{
                        text-align: left;
                        display: block;
                        width: 300px;
                        position: absolute;
                        left: 140px;
                        top: 0;
                    }
                    input{
                        position: absolute;
                        left:150px;
                        width: 200px;
                        height: 25px;
                        border: 1px solid #ddd;
                        outline: none;
                    }
                }
            }
        }
        
    }
}